<template>
    <div id="mine-title">
        <p @click="winReload">
          <img :src="logoUrl" alt="">
          <span>四维交通指数</span>
        </p>
    </div>
</template>

<script>
    export default {
        name: 'MineTitle',
        data () {
            return {
                logoUrl: './static/images/logo.png'
            }
        },
        mounted(){

        },
      methods:{
        winReload:function(cond){
          window.location.reload();
        },
      }
    }
</script>

<style scoped lang="scss">
  @import "../common/common.scss";
    #mine-title {
      height: $title-height;
      background-color: rgba(0,0,0,.6);
      font-size: 24px;
      letter-spacing: 4px;
      color:$font-highlight;
      font-weight: bold;
      text-align: left;
      p{
        line-height: 54px;
        cursor: pointer;
        img{
          margin-left: 18px;
          margin-right: 5px;
          vertical-align: middle;
        }
        span{
          vertical-align: middle;
        }
      }
    }
</style>
